<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>山林美</title>
		<meta name="description" content="山美林生物技术有限公司诞生于深圳市罗湖区京基100蔡屋图新十坊，专业养生健康为主 ，集研发、生产、销售、服务为一体。从店内销售到产品策划，从店内项目开发持续成为店内最常规最火爆项目，以高品质 ，高要求，专业的服务和良好的口碑。其产品品牌系列已经销售到全国各地，如南京，上海，北京，深圳等为万千女性带来健康，美丽 ，受到了万千女性的信赖和爱戴。一直以来山林美秉承着，亲切的指导，诚实信赖，永续经营理念，为广大美容会所服务。" />
        <meta name="keyword" content="山林美"/>
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="swiper/swiper-4.1.6.min.css" />
		<script src="swiper/swiper-4.1.6.min.js"></script>
		<style>
			.footer-a a {
				padding: 0 20px;
			}
			.pic-pos{
				position: relative;
				height: 1700px;
			}
			.pic img{
				width: 400px;
				height: 600px;
				border-radius: 40px;
			}
			.pic-pos .pic3{
				position: absolute;
				top: 630px;
				left: 340px;
			}
						.pic-pos .pic1{
				position: absolute;
				top: 70px;
				left: 50px;
			}
			.pic-pos .pic2{
				position: absolute;
				top: 70px;
				right:50px;
			}
			.pic-pos .pic4{
				position: absolute;
				top: 990px;
				left: 50px;
			}
			.pic-pos .pic5{
				position: absolute;
				top:990px;
				right: 50px;
			}
			
		</style>
	</head>

	<body>
		<header>
			<div style="background:#FFFEF3;height:90px ;overflow: hidden;">
				<div style="width: 1080px;margin: 0 auto;color: #B28D67;">
					<img src="images/logo.jpg" alt="山林美商标图片" style="width: 140px;height: 90px;float: left;" />
					<div style="float:left;font-size: 20px;padding: 20px 0 20px 30px;">
						<span style="font-weight: 300;">山林美:专业乳腺疏通</span><br />
						<span style="font-weight: 700;">给您健康.美丽</span>
					</div>
					<div style="float: right;font-size: 25px;line-height: 90px;">美丽加盟热线：0755-33100691</div>
				</div>
			</div>
		</header>
		<nav style="background: #F7E6C4;line-height: 50px;height: 50px;">
			<div style="width: 1080px;margin: 0 auto;color: #fff;">
				<ul>
					<li>
						<a href="#">首页</a>
					</li>
					<li>
						<a href="./html/product.html">产品介绍</a>
					</li>
					<li>
						<a href="./html/aboutUs.html">关于我们</a>
					</li>
				</ul>
			</div>
		</nav>
		<div style="min-height: 500px;background-color:rgba(255, 255, 240,.2);width: 1080px;margin: 0 auto;">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/banner1.png" alt="" />
					</div>
					<div class="swiper-slide">
						<img src="images/banner2.jpg" alt="" />
					</div>
					<div class="swiper-slide">
						<img src="images/banner3.jpg" alt="" />
					</div>
				</div>
				<div class="swiper-pagination"></div>
				<!-- 如果需要滚动条 -->
				<div class="swiper-scrollbar"></div>
			</div>
			<div class="pic-pos">
				<h2 style="color: #B18C67;margin: 20px 0 0 50px;">山林美让您更大、更自然、更健康、更美丽、更自信</h2>
				<h2 style="color: #B18C67;margin: 5px 0 0 550px;">山林美是您最佳选择</h2>
				<div class="pic">
					<img class="pic1" src="images/product-t5.jpg" alt="" />
					<img class="pic2" src="images/product-t6.jpg" alt="" />
				</div>
				<div style="text-align: center;">
					<img class="pic3" src="images/product-t3.jpg" alt="" style="border-radius: 50% 50%;width: 400px;height: 400px;" />
				</div>
				<div  class="pic">
					<img class="pic4" src="images/product-t4.jpg" alt="" />
					<img class="pic5" src="images/product-t7.jpg" alt=""  />
				</div>
				<!--<img src="images/product-t2.jpg" alt="" style="border-radius: 50% 50%;width: 500px;height: 500px;" />-->
			</div>
		</div>
		<footer style="background: #1E1E29;height: 100px;color: #FFF;">
			<div style="margin: 0 auto;width: 1080px;">
				<div class="footer-a" style="line-height: 100px;float: left;">
					<a href="#">首页</a>
					<a href="./html/product.html">产品介绍</a>
					<a href="./html/aboutUs.html">关于我们</a>
				</div>
				<div style="padding: 20px 0;float: right;">
					<p>山美林生物技术有限公司版权所有
						<a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">88888888</a>
					</p>
					<p>深圳市罗湖区桂园街道蔡屋围十坊26栋602</p>
				</div>
				<div class="clear"></div>
			</div>
		</footer>
	</body>
	<script>
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: true, //可选选项，自动滑动
			loop: true,
			// 如果需要分页器
			pagination: {
				el: '.swiper-pagination',
			},
			// 如果需要滚动条
			scrollbar: {
				el: '.swiper-scrollbar',
			},
		})
	</script>

</html>